<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="nl">
<head>
<link rel="shortcut icon" href="favicon.ico">
<title>Pizza Luigi - pizza's</title>
<link rel="stylesheet"
	href="${pageContext.servletContext.contextPath}/Styles/default.css" />
</head>
<body>
	<c:import url="/WEB-INF/JSP/menu.jsp" />
	<h1>
		Onze pizza's
		<c:forEach begin="1" end="${sterren}">
			<img src="<c:url value='/images/ster.png'/>" alt="ster" />
		</c:forEach>
	</h1>
	<ul>
		<c:forEach var="pizza" items="${pizzas}" varStatus="status">
			<li class="${status.count % 2 == 0 ? 'even' : 'oneven'}">
				${pizza.nummer}: <c:out value="${pizza.naam}" />
				${pizza.prijs}&euro; ${pizza.pikant? "pikant": "niet pikant" } <c:url
					value="/pizzas/detail.htm" var="detailURL">
					<c:param name="nummer" value="${pizza.nummer}" />
				</c:url> <a href="<c:out value='${detailURL}'/>">Detail</a>
				<c:if test="${pizzaNummersMetFoto.contains(pizza.nummer)}">
				<c:url value="/pizzafotos/${pizza.nummer}.jpg" var = "fotoURL" />
				<a href = "${fotoURL}">Foto</a>
				</c:if>
			</li>
		</c:forEach>
	</ul>
</body>
</html>